<template>
  <div class="confirm">
      <!-- position -->
    <div class="position">
      <Breadcrumb>
          <BreadcrumbItem to="/"><Icon type="ios-home-outline" />首页</BreadcrumbItem>
          <BreadcrumbItem to="/apointment">我的预约</BreadcrumbItem>
          <BreadcrumbItem>预约确认</BreadcrumbItem>
      </Breadcrumb>
    </div>
     <!-- content -->
    <div class="hd pd20">
      <!-- steps -->
       <appoint-steps :current="1"></appoint-steps>
        <!-- title -->
      <div class="title-1 mt20">
        <div class="inner">填写问诊信息</div>
      </div>
      <!--  -->
      <Card>
        <p slot="title">输入预约人</p>
        <p>姓名：<Input placeholder="请输入姓名" style="width: auto" /></p>
        <p class="mt10">性别：
          <RadioGroup v-model="phone">
            <Radio label="apple">
                <Icon type="ios-man"></Icon>
                <span>男</span>
            </Radio>
            <Radio label="android">
                <Icon type="ios-woman"></Icon>
                <span>女</span>
            </Radio>
        </RadioGroup></p>
        <p class="mt10">年龄：
          <Input placeholder="请输入年龄" style="width: auto" /></p>
        <p class="mt10">电话：<Input placeholder="请输入电话" style="width: auto" /></p>
        <p class="mt10">证件号码：<Input placeholder="请输入证件号码" style="width: auto" /></p>
      </Card>

      <Card class="mt10">
        <p slot="title">病情描述</p>
        <p>
          <Input v-model="area" type="textarea" :rows="4" :autosize="true" placeholder="请输入病情描述..." />
        </p>
      </Card>

      <Card class="mt10">
        <p slot="title">上传图片</p>
        <p>
           <Upload action="//jsonplaceholder.typicode.com/posts/">
              <Button icon="ios-cloud-upload-outline">上传图片</Button>
          </Upload>
        </p>
      </Card>

      <div class="mt20">
        <Button type="primary">发起预约</Button>
      </div>

    </div>
  </div>
</template>

<script>
import AppointSteps from '@/components/AppointSteps'
export default {
  components: {AppointSteps},
  data () {
    return {
      current: 1
    }
  }
}
</script>

<style>

</style>
